<template>
  <div v-if="isMobileShow">
    <HeadNav v-if="route.meta.name != 'NULL'"></HeadNav>
    <router-view></router-view>
    <FootNav v-if="route.meta.name != 'NULL'"></FootNav>
  </div>
</template>
<script>
import HeadNav from "./components/HeadNav.vue";
import FootNav from "./components/FootNav.vue";
export default {
  components: {
    HeadNav,
    FootNav
  },
  data() {
    return {
      isMobileShow: true,
      route: this.$route,
      title: "铁岭市红十字会",
    }
  },
  methods: {
    getWacth() {
      const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
      if (isMobile) {
        this.isMobileShow = false
      } else {
        this.isMobileShow = true
      }
    }
  },
  metaInfo() {
    return {
      title: this.title,
      meta: [
        {
          name: "keyWords",
          content:
            "铁岭市红十字会,红十字会,铁岭红十字会",
        },
        {
          name: "description",
          content:
            "红十字会",
        },
      ],
      link: [
        {
          rel: "铁岭市红十字会",
          href: "http://192.168.0.202:8087/#/",
        },
      ],
    }
  },
  mounted() {
    this.getWacth()
  }
}

</script>
<style lang="scss">
body {
  margin: 0px;
  padding: 0px;
}
</style>
